<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>科大教育————首页</title>
		<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/homepage.css" />
		<link rel="stylesheet" type="text/css" href="../css/course.css" />
		<link rel="stylesheet" type="text/css" href="../css/A-LEVEL.css" />
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="../js/jquery-3.4.1.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="../bootstrap/js/bootstrap.min.js"></script>
	</head>
	<body>
		<div id="content">
			<img src="../img/jpg_live.png" class="img-responsive">
			<div class="container ">
				<div class="row">
					<ul style="list-style: none;">
						<li class="col-lg-4 col-xs-12">
							<div class="keda-live">
								<img src="../img/ic_live.png" class="img-responsive" style="border: 1px dashed #BBBBBB;">
								<div class="keda-live-text">
									<p style="color: #AC3931;"><strong>科大直播课</strong></p>
									<span>精选科大公开课，满足<br />你的留学需求</span>
								</div>
							</div>
						</li>
						<li class="col-lg-4 col-xs-12">
							<div class="keda-live">
								<img src="../img/ic_abroad.png" style="border: 1px dashed #BBBBBB;">
								<div class="keda-live-text">
									<p style="color: #00925D;"><strong>科大平安留学险</strong></p>
									<span>科大教育留学保险，由中国品安保险<br />承担并负责理赔服务</span>
								</div>
							</div>
						</li>
						<li class="col-lg-4 col-xs-12">
							<div class="keda-live">
								<img src="../img/ic_calendar.png" style="border: 1px dashed #BBBBBB;">
								<div class="keda-live-text">
									<p style="color: #AC3931;"><strong>考试日历</strong></p>
									<span>A-LEVEL、雅思、托福考试时间快速<br />查询</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<br />
				<br />
				<br />
				<nav>
					<ul id="course-ul" class="nav  navbar-nav  nav-mystyle " style="margin: 0;">
						<li class="ul-li"><a href="##">全部课程</a></li>
						<li><a href="##">GER</a> </li>
						<li><a href="##">A-LEVEL</a></li>
						<li style="margin-left: 1000px;"><a href="##">查看更多</a></li>
						<li><a href="##"><span class="glyphicon glyphicon-menu-right"></span></a></li>
					</ul>
				</nav>
				<div style="border: 1px solid #00925D; margin-top: 50px;"></div>
				<div class="row">
					<ul class="list-group" style="list-style: none; ">
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_update.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot" style="background-color: #00925D;">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people1.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg1.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #FFFFFF;">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top">
									<img src="../img/ic_finish.png">
								</div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-md-4 col-sm-6 col-xs-12 " style="margin-top: 30px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										M2真题
										<span style="margin-left: 30px;">程丽</span>
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>

				<br />
				<br />
				<br />
				<div class="row" style="margin: 0px;">
					<div class="col-md-6 col-xs-12 live-class"></div>
					<div class="col-md-6 col-xs-12 live-playback">
						<div class="live-playback-content">
							<div class="live-playback-right" style="background-image: url(../img/ic_live1.png);;">
								<p style="text-align: center;margin-top: 4px;color: #00925D;">回放</p>
							</div>
							<img src="../img/ic_circle2.png" width="12px" height="12px">
							<span>热门专业解析————化学</span>
							<p>07-27 14:00</p>
						</div>
						<div class="live-playback-content">
							<div class="live-playback-right">
								<p>回放</p>
							</div>
							<img src="../img/ic_circle1.png" width="12px" height="12px">
							<p>热门专业解析————化学</p>
							<p>07-27 14:00</p>
						</div>
						<div class="live-playback-content">
							<div class="live-playback-right">
								<p>回放</p>
							</div>
							<img src="../img/ic_circle1.png" width="12px" height="12px">
							<p>热门专业解析————化学</p>
							<p>07-27 14:00</p>
						</div>
						<div class="live-playback-content">
							<div class="live-playback-right">
								<p>回放</p>
							</div>
							<img src="../img/ic_circle1.png" width="12px" height="12px">
							<p>热门专业解析————化学</p>
							<p>07-27 14:00</p>
						</div>
						<div class="live-playback-content">
							<div class="live-playback-right">
								<p>回放</p>
							</div>
							<img src="../img/ic_circle1.png" width="12px" height="12px">
							<p>热门专业解析————化学</p>
							<p>07-27 14:00</p>
						</div>
					</div>
				</div>
				<br />
				<br />
				<br />
				<div style="background-color: #FFFFFF;">
					<div class="abroad-nav">
						<div class="col-xs-10">
							<span style="font-size: 23px; color: #00925D; line-height: 10px;">留学手拉手</span>
						</div>
						<div class="col-xs-2">
							<span style="font-size: 18px; color: #999999; line-height: 10px;">最新资讯</span>
						</div>
					</div>
					<br />
					<br />
					<div style="border-top: 2px solid #00925D;"></div>
					<br />
					<br />
					<div class="abroad-body">
						<div class="col-md-3 col-sm-12 col-xs-12" style="padding-left: 50px;">
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<div class="live-playback-content" style="justify-content: flex-end;">
								<span>
									<a href="##">查看更多</a>
									<a href="##"><img src="../img/ic_%20smallright%20.png"></a>
								</span>
							</div>
							<br />
						</div>
						<div class="col-md-6 col-sm-12 col-xs-12">
							<div class="abroad-center"></div>
						</div>
						<div class="col-md-3 col-sm-12 col-xs-12" style="padding-left: 50px;">
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<span><img class="abroad-img" src="../img/ic_circle3.png" class="img-responsive">
								&nbsp;&nbsp;&nbsp;
								<a href="##">备考雅思，写作这四点需重视</a>
							</span>
							<br />
							<div class="live-playback-content" style="justify-content: flex-end;">
								<span>
									<a href="##">查看更多</a>
									<a href="##"><img src="../img/ic_%20smallright%20.png"></a>
								</span>
							</div>
							<br />
						</div>

					</div>
				</div>
				<br />
				<br />
				<br />
				<nav>
					<ul id="course-ul" class="nav  navbar-nav  nav-mystyle " style="margin: 0;">
						<li class="ul-li"><a href="##">全部课程</a></li>
						<li><a href="##">GER</a> </li>
						<li><a href="##">A-LEVEL</a></li>
						<li style="margin-left: 1000px;"><a href="##">查看更多</a></li>
						<li><a href="##"><span class="glyphicon glyphicon-menu-right"></span></a></li>
					</ul>
				</nav>
				<div style="border: 1px solid #00925D; margin-top: 50px;"></div>
				<br />
				<br />
				<div class="row">
					<ul style="list-style: none;">
						<li class="col-md-4 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="course-choose">
								<div class="course-choose-live"> </div>
								<span style="font-size: 16px; line-height: 50px; ">巴斯大学课程选择及心得</span>
								<div class="live" style="justify-content: space-between;">
									<span style="font-size: 10px; color: #BBBBBB; ">2016-09-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;08:32:00</span>
									<span style="font-size: 14px; color: #BBBBBB;">阅读&nbsp;&nbsp;&nbsp;3087</span>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="course-choose">
								<div class="course-choose-live"> </div>
								<span style="font-size: 16px; line-height: 50px; ">巴斯大学课程选择及心得</span>
								<div class="live" style="justify-content: space-between;">
									<span style="font-size: 10px; color: #BBBBBB; ">2016-09-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;08:32:00</span>
									<span style="font-size: 14px; color: #BBBBBB;">阅读&nbsp;&nbsp;&nbsp;3087</span>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="course-choose">
								<div class="course-choose-live"> </div>
								<span style="font-size: 16px; line-height: 50px; ">巴斯大学课程选择及心得</span>
								<div class="live" style="justify-content: space-between;">
									<span style="font-size: 10px; color: #BBBBBB; ">2016-09-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;08:32:00</span>
									<span style="font-size: 14px; color: #BBBBBB;">阅读&nbsp;&nbsp;&nbsp;3087</span>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="course-choose">
								<div class="course-choose-live"> </div>
								<span style="font-size: 16px; line-height: 50px; ">巴斯大学课程选择及心得</span>
								<div class="live" style="justify-content: space-between;">
									<span style="font-size: 10px; color: #BBBBBB; ">2016-09-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;08:32:00</span>
									<span style="font-size: 14px; color: #BBBBBB;">阅读&nbsp;&nbsp;&nbsp;3087</span>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="course-choose">
								<div class="course-choose-live"> </div>
								<span style="font-size: 16px; line-height: 50px; ">巴斯大学课程选择及心得</span>
								<div class="live" style="justify-content: space-between;">
									<span style="font-size: 10px; color: #BBBBBB; ">2016-09-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;08:32:00</span>
									<span style="font-size: 14px; color: #BBBBBB;">阅读&nbsp;&nbsp;&nbsp;3087</span>
								</div>
							</div>
						</li>
						<li class="col-md-4 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="course-choose">
								<div class="course-choose-live"> </div>
								<span style="font-size: 16px; line-height: 50px; ">巴斯大学课程选择及心得</span>
								<div class="live" style="justify-content: space-between;">
									<span style="font-size: 10px; color: #BBBBBB; ">2016-09-18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;08:32:00</span>
									<span style="font-size: 14px; color: #BBBBBB;">阅读&nbsp;&nbsp;&nbsp;3087</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<br />
				<br />
				<br />
			</div>
		</div>



		<script src="../js/course.js" type="text/javascript"> </script>

		</script>
	</body>
</html>
